/**
 * @file
 * @auth tangting
 * @date 2017/10/26
 */
body{
  min-height: 618px;
}
.m-loading-box {
  background-color: #fff;
  text-align: center;
  line-height: 618px;
}
.module-third {
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  &-center{
    top: 50%;
    transform: translate(-50%, -50%);
  }
  *{
    border-radius: 0 !important;
  }
  .web-logo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    >.web-text{
      margin: 0 15px;
      line-height: 20px;
      color: #666;
      border-bottom: 1px solid #efefef;
    }
  }
  .third-title{
    margin-bottom: 30px;
    font-family: initial;
    font-weight: bold;
    font-size: 13px;;
  }
  .success-box{
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #2cb640;
    transition: all .2s;
  }

  .m-form-page {

  }

  .flipInX{
    animation-duration: 1s;
  }

  .ui-btn{
    background-color: #282828;
  }
}
.comp-web-box {
  .web-content{
    width: 432px;
    .m-form-page .comp-verify-code{
      margin-left: 15px;
    }
  }
  .web-container{
    position: relative;
    margin-bottom: 0;
    padding: 60px 100px;
  }
  .web-logo{
    display: none;
  }
}
.m-form-login .fn-flex {
  > .row-title{
    font-weight: normal;
    font-size: 13px;
    color: #333;
  }
  > .ui-tip{
    order: 1;
  }
}

